```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>全球虚拟身份生成平台 - 安全便捷的虚拟信息解决方案</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
            color: #333;
            line-height: 1.6;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #6e8efb 0%, #4a6cf7 100%);
        }
        .card-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .feature-icon {
            font-size: 2.5rem;
            color: #4a6cf7;
        }
        .country-flag {
            width: 24px;
            height: 16px;
            display: inline-block;
            margin-right: 8px;
            vertical-align: middle;
        }
        .btn-primary {
            background: #4a6cf7;
            transition: all 0.3s ease;
        }
        .btn-primary:hover {
            background: #3a5ce4;
            transform: translateY(-2px);
        }
        .nav-link:hover {
            color: #4a6cf7;
        }
        .section-title {
            position: relative;
            display: inline-block;
        }
        .section-title:after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 50px;
            height: 3px;
            background: #4a6cf7;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- 导航栏 -->
    <nav class="bg-white shadow-sm sticky top-0 z-50">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="flex justify-between h-16">
                <div class="flex items-center">
                    <div class="flex-shrink-0 flex items-center">
                        <i class="fas fa-user-secret text-2xl text-blue-600 mr-2"></i>
                        <span class="text-xl font-bold text-gray-800">IDGenius</span>
                    </div>
                    <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
                        <a href="#" class="nav-link border-blue-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">首页</a>
                        <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">服务</a>
                        <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">VIP</a>
                        <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">关于</a>
                        <a href="#" class="nav-link border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">联系</a>
                    </div>
                </div>
                <div class="hidden sm:ml-6 sm:flex sm:items-center">
                    <button class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
                        <i class="fas fa-sign-in-alt mr-2"></i>登录/注册
                    </button>
                </div>
                <div class="-mr-2 flex items-center sm:hidden">
                    <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500">
                        <span class="sr-only">打开主菜单</span>
                        <i class="fas fa-bars"></i>
                    </button>
                </div>
            </div>
        </div>
    </nav>

    <!-- Hero 区域 -->
    <div class="hero-gradient text-white">
        <div class="max-w-7xl mx-auto py-24 px-4 sm:py-32 sm:px-6 lg:px-8">
            <div class="text-center">
                <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
                    全球虚拟身份生成平台
                </h1>
                <p class="mt-6 max-w-3xl mx-auto text-xl">
                    安全、便捷的多国虚拟信息解决方案，为您的在线活动提供完美的匿名保护
                </p>
                <div class="mt-10 flex justify-center">
                    <div class="inline-flex rounded-md shadow">
                        <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-blue-600 bg-white hover:bg-gray-50">
                            <i class="fas fa-bolt mr-2"></i> 立即生成
                        </a>
                    </div>
                    <div class="ml-3 inline-flex">
                        <a href="#" class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-800 bg-opacity-60 hover:bg-opacity-70">
                            <i class="fas fa-crown mr-2"></i> VIP特权
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 国家选择器 -->
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
        <div class="text-center mb-12">
            <h2 class="section-title text-3xl font-bold text-gray-900">选择国家/地区</h2>
            <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                我们支持全球多个国家的虚拟身份生成，满足您不同的需求
            </p>
        </div>
        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-6">
            <div class="col-span-1 flex justify-center">
                <div class="p-6 rounded-lg bg-white shadow-md text-center cursor-pointer transition duration-300 hover:shadow-xl">
                    <img src="https://flagcdn.com/w20/us.png" class="country-flag mx-auto mb-3" alt="美国国旗">
                    <h3 class="text-lg font-medium text-gray-900">美国</h3>
                    <p class="mt-1 text-sm text-gray-500">SSN/驾照/地址</p>
                </div>
            </div>
            <div class="col-span-1 flex justify-center">
                <div class="p-6 rounded-lg bg-white shadow-md text-center cursor-pointer transition duration-300 hover:shadow-xl">
                    <img src="https://flagcdn.com/w20/gb.png" class="country-flag mx-auto mb-3" alt="英国国旗">
                    <h3 class="text-lg font-medium text-gray-900">英国</h3>
                    <p class="mt-1 text-sm text-gray-500">NHS/驾照/地址</p>
                </div>
            </div>
            <div class="col-span-1 flex justify-center">
                <div class="p-6 rounded-lg bg-white shadow-md text-center cursor-pointer transition duration-300 hover:shadow-xl">
                    <img src="https://flagcdn.com/w20/jp.png" class="country-flag mx-auto mb-3" alt="日本国旗">
                    <h3 class="text-lg font-medium text-gray-900">日本</h3>
                    <p class="mt-1 text-sm text-gray-500">MyNumber/地址</p>
                </div>
            </div>
            <div class="col-span-1 flex justify-center">
                <div class="p-6 rounded-lg bg-white shadow-md text-center cursor-pointer transition duration-300 hover:shadow-xl">
                    <img src="https://flagcdn.com/w20/au.png" class="country-flag mx-auto mb-3" alt="澳大利亚国旗">
                    <h3 class="text-lg font-medium text-gray-900">澳大利亚</h3>
                    <p class="mt-1 text-sm text-gray-500">TFN/驾照/地址</p>
                </div>
            </div>
            <div class="col-span-1 flex justify-center">
                <div class="p-6 rounded-lg bg-white shadow-md text-center cursor-pointer transition duration-300 hover:shadow-xl">
                    <img src="https://flagcdn.com/w20/ca.png" class="country-flag mx-auto mb-3" alt="加拿大国旗">
                    <h3 class="text-lg font-medium text-gray-900">加拿大</h3>
                    <p class="mt-1 text-sm text-gray-500">SIN/驾照/地址</p>
                </div>
            </div>
            <div class="col-span-1 flex justify-center">
                <div class="p-6 rounded-lg bg-white shadow-md text-center cursor-pointer transition duration-300 hover:shadow-xl">
                    <img src="https://flagcdn.com/w20/eu.png" class="country-flag mx-auto mb-3" alt="欧盟国旗">
                    <h3 class="text-lg font-medium text-gray-900">欧盟</h3>
                    <p class="mt-1 text-sm text-gray-500">多国身份/地址</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 特色功能 -->
    <div class="bg-gray-100 py-12">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="section-title text-3xl font-bold text-gray-900">核心功能</h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    我们提供全面而专业的虚拟身份生成服务
                </p>
            </div>
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-id-card"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">完整身份信息</h3>
                    <p class="text-gray-600">
                        生成包括姓名、地址、电话号码、出生日期等完整的虚拟身份信息，所有数据均符合目标国家的格式要求。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">临时邮箱服务</h3>
                    <p class="text-gray-600">
                        提供一次性临时邮箱和临时谷歌邮箱服务，保护您的真实邮箱不被泄露，可用于验证和接收邮件。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-credit-card"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">信用卡信息</h3>
                    <p class="text-gray-600">
                        生成符合规范的虚拟信用卡信息，包括卡号、有效期、CVV等，适用于各种需要支付验证的场景。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-users"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">批量生成下载</h3>
                    <p class="text-gray-600">
                        支持一次性批量生成多条身份信息并导出为CSV/Excel格式，满足大规模测试和开发需求。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">数据安全保护</h3>
                    <p class="text-gray-600">
                        所有生成的数据均为虚构，不会与任何真实人物关联，确保您的使用安全和隐私保护。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-md card-hover transition duration-300">
                    <div class="feature-icon mb-4">
                        <i class="fas fa-sync-alt"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-900 mb-2">实时数据刷新</h3>
                    <p class="text-gray-600">
                        一键刷新所有数据，快速获取新的虚拟身份信息，满足您的多样化需求。
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- VIP特权 -->
    <div class="py-12 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="section-title text-3xl font-bold text-gray-900">VIP特权</h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    升级为VIP会员，享受更多专属功能和特权
                </p>
            </div>
            <div class="flex flex-col md:flex-row justify-center gap-6">
                <div class="w-full md:w-1/3 bg-gray-50 rounded-xl p-8 border border-gray-200">
                    <h3 class="text-lg font-semibold text-gray-900 mb-4">基础会员</h3>
                    <div class="mb-6">
                        <span class="text-4xl font-bold text-gray-900">¥29</span>
                        <span class="text-base font-medium text-gray-500">/月</span>
                    </div>
                    <ul class="space-y-4">
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">每日100次生成限额</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">5个国家身份生成</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">基础临时邮箱服务</span>
                        </li>
                    </ul>
                    <button class="mt-8 w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-md transition duration-300">
                        选择此套餐
                    </button>
                </div>
                <div class="w-full md:w-1/3 bg-blue-50 rounded-xl p-8 border-2 border-blue-400 transform scale-105 relative z-10">
                    <div class="absolute top-0 right-0 bg-blue-500 text-white text-xs font-bold px-3 py-1 rounded-bl-lg rounded-tr-lg">推荐</div>
                    <h3 class="text-lg font-semibold text-gray-900 mb-4">高级会员</h3>
                    <div class="mb-6">
                        <span class="text-4xl font-bold text-gray-900">¥59</span>
                        <span class="text-base font-medium text-gray-500">/月</span>
                    </div>
                    <ul class="space-y-4">
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">无限生成次数</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">全部国家身份生成</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">高级临时邮箱服务</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">批量导出功能</span>
                        </li>
                    </ul>
                    <button class="mt-8 w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition duration-300">
                        选择此套餐
                    </button>
                </div>
                <div class="w-full md:w-1/3 bg-gray-50 rounded-xl p-8 border border-gray-200">
                    <h3 class="text-lg font-semibold text-gray-900 mb-4">企业会员</h3>
                    <div class="mb-6">
                        <span class="text-4xl font-bold text-gray-900">¥199</span>
                        <span class="text-base font-medium text-gray-500">/月</span>
                    </div>
                    <ul class="space-y-4">
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">无限生成次数</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">全部国家身份生成</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">高级临时邮箱服务</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">API接口访问</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span class="text-gray-600">优先技术支持</span>
                        </li>
                    </ul>
                    <button class="mt-8 w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-md transition duration-300">
                        联系我们
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 数据可视化 -->
    <div class="bg-gray-100 py-12">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="section-title text-3xl font-bold text-gray-900">服务流程</h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    简单几步，快速获取您需要的虚拟身份信息
                </p>
            </div>
            <div class="bg-white p-8 rounded-xl shadow-md">
                <div class="mermaid">
                    graph TD
                        A[选择国家/地区] --> B[选择信息类型]
                        B --> C[生成虚拟身份]
                        C --> D[复制/下载数据]
                        D --> E[使用临时邮箱验证]
                        E --> F[完成]
                </div>
            </div>
        </div>
    </div>

    <!-- 常见问题 -->
    <div class="py-12 bg-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="section-title text-3xl font-bold text-gray-900">常见问题</h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    您可能关心的一些问题
                </p>
            </div>
            <div class="max-w-3xl mx-auto">
                <div class="space-y-6">
                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-lg font-medium text-gray-900">这些虚拟身份信息是真实的吗？</h3>
                        <p class="mt-2 text-gray-600">
                            不，所有生成的信息都是虚构的，不会与任何真实人物关联。我们的算法会生成符合各国格式要求的随机数据，仅供测试和学习使用。
                        </p>
                    </div>
                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-lg font-medium text-gray-900">使用这些信息是否合法？</h3>
                        <p class="mt-2 text-gray-600">
                            本服务生成的数据仅可用于合法的测试、开发和学习目的。严禁将这些信息用于任何非法活动，我们对用户的任何不当使用不承担责任。
                        </p>
                    </div>
                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-lg font-medium text-gray-900">临时邮箱能使用多久？</h3>
                        <p class="mt-2 text-gray-600">
                            基础会员的临时邮箱有效期为24小时，高级会员和企业会员的临时邮箱有效期延长至72小时。所有邮件将在有效期后自动删除。
                        </p>
                    </div>
                    <div class="border-b border-gray-200 pb-6">
                        <h3 class="text-lg font-medium text-gray-900">如何批量导出数据？</h3>
                        <p class="mt-2 text-gray-600">
                            VIP会员可以在生成页面选择"批量生成"功能，设置需要的数量后，系统会生成一个包含所有数据的Excel或CSV文件供您下载。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 联系我们 -->
    <div class="bg-gray-100 py-12">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="text-center mb-12">
                <h2 class="section-title text-3xl font-bold text-gray-900">联系我们</h2>
                <p class="mt-4 max-w-2xl text-xl text-gray-500 mx-auto">
                    如有任何问题或建议，欢迎随时联系我们
                </p>
            </div>
            <div class="bg-white shadow-md rounded-lg overflow-hidden">
                <div class="grid grid-cols-1 md:grid-cols-2">
                    <div class="p-8">
                        <h3 class="text-lg font-medium text-gray-900 mb-6">发送消息</h3>
                        <form>
                            <div class="mb-4">
                                <label for="name" class="block text-sm font-medium text-gray-700 mb-1">您的姓名</label>
                                <input type="text" id="name" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                            </div>
                            <div class="mb-4">
                                <label for="email" class="block text-sm font-medium text-gray-700 mb-1">电子邮箱</label>
                                <input type="email" id="email" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500">
                            </div>
                            <div class="mb-4">
                                <label for="message" class="block text-sm font-medium text-gray-700 mb-1">留言内容</label>
                                <textarea id="message" rows="4" class="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500"></textarea>
                            </div>
                            <button type="submit" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-md transition duration-300">
                                发送消息
                            </button>
                        </form>
                    </div>
                    <div class="bg-gray-50 p-8">
                        <h3 class="text-lg font-medium text-gray-900 mb-6">联系方式</h3>
                        <div class="space-y-4">
                            <div class="flex items-start">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-envelope text-blue-600"></i>
                                </div>
                                <div class="ml-3">
                                    <p class="text-sm font-medium text-gray-900">电子邮箱</p>
                                    <p class="text-sm text-gray-500">support@idgenius.com</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-phone-alt text-blue-600"></i>
                                </div>
                                <div class="ml-3">
                                    <p class="text-sm font-medium text-gray-900">客服电话</p>
                                    <p class="text-sm text-gray-500">400-888-8888</p>
                                </div>
                            </div>
                            <div class="flex items-start">
                                <div class="flex-shrink-0">
                                    <i class="fas fa-comment-dots text-blue-600"></i>
                                </div>
                                <div class="ml-3">
                                    <p class="text-sm font-medium text-gray-900">在线客服</p>
                                    <p class="text-sm text-gray-500">周一至周五 9:00-18:00</p>
                                </div>
                            </div>
                        </div>
                        <div class="mt-8">
                            <h4 class="text-sm font-medium text-gray-900 mb-3">关注我们</h4>
                            <div class="flex space-x-4">
                                <a href="#" class="text-gray-400 hover:text-blue-600">
                                    <i class="fab fa-weixin text-2xl"></i>
                                </a>
                                <a href="#" class="text-gray-400 hover:text-blue-600">
                                    <i class="fab fa-weibo text-2xl"></i>
                                </a>
                                <a href="#" class="text-gray-400 hover:text-blue-600">
                                    <i class="fab fa-telegram text-2xl"></i>
                                </a>
                                <a href="#" class="text-gray-400 hover:text-blue-600">
                                    <i class="fab fa-twitter text-2xl"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer class="bg-gray-900 text-white">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
            <div class="flex flex-col items-center justify-between md:flex-row">
                <div class="flex items-center">
                    <i class="fas fa-user-secret text-xl text-blue-400 mr-2"></i>
                    <span class="text-lg font-semibold">IDGenius</span>
                </div>
                <div class="mt-4 md:mt-0">
                    <p class="text-sm text-gray-400">© 2023 IDGenius 全球虚拟身份生成平台. 保留所有权利.</p>
                </div>
                <div class="mt-4 md:mt-0">
                    <a href="http://www.yuque.com/jtostring" class="text-sm text-gray-400 hover:text-white transition duration-300">技术小馆</a>
                </div>
            </div>
        </div>
    </footer>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'default',
            flowchart: {
                useMaxWidth: true,
                htmlLabels: true,
                curve: 'basis'
            }
        });
    </script>
</body>
</html>
```